<?php

	$sesionIniciada = session_start();
?>
<script type="text/javascript">
	$(document).ready(function(){
		$("#mensaje").hide();
		$("#imgCarga").hide();
		$("#baceptar").show();
		$("#errorNick").hide();
		$("#errorPassword").hide();
		$("#baceptar").click(loginUsuario);
	});

	function validaUsuario()
	{
		var patronLetras =/^[a-zA-Z]+$/;
		if(!patronLetras.test($("#nick").val()))
		{
			$("#errorNick").html("El nick debe ser una o mas letras sin espacios");
			$("#errorNick").show();
		}else{
			$("#errorNick").hide();
		}
		if($("#password").val().length < 6)
		{
			$("#errorPassword").html("El password debe ser de 6 caracteres como minimo");
			$("#errorPassword").show();
		}else{
			$("#errorPassword").hide();
		}
		return patronLetras.test($("#nick").val()) && $("#password").val().length >= 6;
	}


	function loginUsuario()
	{
		if(validaUsuario())
		{
			$("#errorNick").hide();
			$("#errorPassword").hide();

			$.ajax({
	  			type: "POST",
	  			url: "modulos/usuarios/logusuaction.php",
	  			data: {
	  				nick: $("#nick").val(),
	  				password: $("#password").val()
	  			},
	  			beforeSend: function(){
	  				$("#mensaje").hide();
	  				$("#imgCarga").show();
	  				$("#baceptar").hide();
	  			},
	  			success: function(resp){
	  				$("#imgCarga").hide();
	  				$("#baceptar").hide();
	  				if (resp == "ok")
	  				{
	  					$("#mensaje").html("Login correcto");
	  					location.href = "index.php?section=usuarios&action=perfil";
	  				}else{
	  					$("#mensaje").html(resp);
	  				}
	  				$("#baceptar").show();
	  				$("#mensaje").show();
	  			}
			});
		}
	}
</script>

<?php
	if(isset($_SESSION["usuario"]))
	{
		include("perfil.php");
		?>
		<?php
	}else{
?>

<div id="registro">
	<form class="pure-form pure-form-stacked">
	<div><label for="nick">Nick:</label><input type="text" id="nick" class="nickRegis" name="nick" maxlength="15"></div><br>
	<div id="errorNick"></div>
	<div><label for="password">Password:</label><input  type="password" id="password" name="password"></div><br>
	<div id="errorPassword"></div>
	<input type="button" id="baceptar" name="baceptar" value="Entrar" class="pure-button notice"><br>
	<img id="imgCarga" src="estilos/img/carga.gif"/><br>
	<div id="mensaje"></div>
</form>
<p>&iquestNo tiene usuario? <a href="index.php?section=usuarios&action=registrarusuario">Registrese aqu&iacute;</a></p>
<?php
	}
?>
</div>
